@charset "UTF-8";

.clear::after {

  content: "";

  display: block;

  overflow: hidden;

  clear: both;

}



.clear-float::after {

  content: "";

  display: block;

  overflow: hidden;

  clear: both;

}



html body {

  font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;

}



.header,

.footer {

  width: 100%;

  min-width: 1200px;

  max-width: 1920px;

  margin: 0 auto;

  background-color: #fff;

}



.header .content {

  height: 127px;

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

}

.header .content .logo {

  margin: 0 28px 0 0;

}

.header .content .middle {

  display: inline-block;

  margin-top: 42px;

  padding-left: 30px;

  border-left: 1px solid #dcdcdc;

}

.header .content .middle .p-1 {

  font-size: 16px;

  color: #333333;

  font-weight: bold;

}

.header .content .middle .p-2 {

  font-size: 16px;

  color: #FF9600;

  margin-top: 12px;

  font-weight: bold;

}

.header .content .right {

  float: right;

  margin-top: 43px;

}

.header .content .right .icon {

  width: 48px;

  height: 48px;

  margin-right: 10px;

}

.header .content .right .call-number-wrap {

  display: inline-block;

}

.header .content .right .call-number-wrap .p-1 {

  font-size: 14px;

  color: #414141;

}

.header .content .right .call-number-wrap .p-2 {

  color: #FF9600;

  font-weight: bold;

  font-size: 24px;

  margin-top: 6px;

}

.header .nav-wrap {

  width: 100%;

  height: 50px;

  line-height: 50px;

  background-color: #279C55;

}

.header .nav-wrap ul {

  height: 100%;

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

}

.header .nav-wrap ul li {

  width: calc(100% / 8);

  height: 100%;

  float: left;

  text-align: center;

}

.header .nav-wrap ul li:hover a {

  color: #FFF600;

}

.header .nav-wrap ul li a {

  color: #fff;

  font-size: 16px;

}

.header .nav-wrap ul .active {

  color: #FFF600;

}



.container {

  width: 100%;

  min-width: 1200px;

  max-width: 1920px;

  margin: 0 auto;

  background-color: #fff;

}

.container .banner-wrap {

  width: 100%;

  box-sizing: border-box;

  overflow: hidden;

}

.container .banner-wrap .banner-swiper-container {

  width: 100%;

  height: 100%;

}

.container .banner-wrap .banner-swiper-container .swiper-slide {

  position: relative;

}

.container .banner-wrap .banner-swiper-container .swiper-slide .banner {

  width: 100%;

  height: 100%;

}

.container .section-1 .content {

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

  padding: 20px 0;

  text-align: center;

}

.container .title-wrap {

  text-align: center;

}

.container .title-wrap .en {

  font-size: 60px;

  font-weight: bold;

  color: #FFFFFF;

  opacity: 0.2;

  text-transform: uppercase;

}

.container .title-wrap .zh {

  font-size: 30px;

  font-weight: bold;

  color: #fff;

}

.container .title-wrap .zh span {

  position: relative;

}

.container .title-wrap .zh span::before, .container .title-wrap .zh span::after {

  content: "";

  width: 42px;

  height: 1px;

  background-color: #FFFFFF;

  opacity: 0.5;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.container .title-wrap .zh span::before {

  left: -60px;

}

.container .title-wrap .zh span::after {

  right: -60px;

}

.container .title-wrap .zh span i {

  color: #FFF600;

  font-style: normal;

}

.container .section-2 .bg-block {

  width: 100%;

  height: 315px;

  background: url(../images/bg_1.png) center center no-repeat;

}

.container .section-2 .bg-block .content {

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

  padding-top: 58px;

  height: 100%;

}

.container .section-2 .bg-block .content .tab-wrap {

  text-align: center;

  margin-top: 33px;

}

.container .section-2 .bg-block .content .tab-wrap .tab {

  display: inline-block;

  width: 160px;

  height: 42px;

  background-color: #FFFFFF;    font-size: 18px;

  color: #333333;

  line-height: 42px;

  text-align: center;

  margin-right: 38px;

}

.container .section-2 .bg-block .content .tab-wrap .tab:hover {

  color: #fff;

  background-color: #3FA668;

}

.container .section-2 .bg-block .content .tab-wrap .tab:nth-last-child(1) {

  margin-right: 0;

}

.container .section-2 .bg-block .content .tab-wrap .active-tab {

  color: #fff;

  background-color: #3FA668;

}

.container .section-2 .swiper-wrap {

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

  top: -50px;

}

.container .section-2 .swiper-wrap .case-swiper-container {

  width: 100%;

}

.container .section-2 .swiper-wrap .case-swiper-container .swiper-slide {

  height: 204px;

  display: block;

}

.container .section-2 .swiper-wrap .case-swiper-container .swiper-slide:hover .descr-wrap {

  color: #fff;

}

.container .section-2 .swiper-wrap .case-swiper-container .swiper-slide img {

  width: 100%;

  height: 100%;

  display: block;

}

.container .section-2 .swiper-wrap .arrow {

  width: 19px;

  height: 29px;

  position: absolute;

  top: 85px;

  z-index: 2;

  cursor: pointer;

}

.container .section-2 .swiper-wrap .swiper-btn-prev {

  left: -47px;

  transform: rotateZ(180deg);

  transform-origin: center;

  background: url(../images/arrow_right.png) center center no-repeat;

}

.container .section-2 .swiper-wrap .swiper-btn-prev:hover {

  transform: rotateZ(0);

  transform-origin: center;

  background: url(../images/arrow_left_active.png) center center no-repeat;

}

.container .section-2 .swiper-wrap .swiper-btn-next {

  right: -47px;

  background: url(../images/arrow_right.png) center center no-repeat;

}

.container .section-2 .swiper-wrap .swiper-btn-next:hover {

  transform: rotateZ(180deg);

  transform-origin: center;

  background: url(../images/arrow_left_active.png) center center no-repeat;

}

.container .news-wrap {

  padding: 70px 0 63px;

}

.container .news-wrap .content {

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

}

.container .news-wrap .content .title-wrap .en {

  color: #333333;

  opacity: 0.2;

}

.container .news-wrap .content .title-wrap .zh {

  color: #333333;

}

.container .news-wrap .content .title-wrap .zh span::before, .container .news-wrap .content .title-wrap .zh span::after {

  background-color: #313131;

  opacity: 0.5;

}

.container .news-wrap .content .title-wrap .zh i {

  color: #3FA668;

}

.container .news-wrap .content .list-wrap {

  margin-top: 22px;

}

.container .news-wrap .content .list-wrap .news {

  width: 576px;

  height: 118px;

  background-color: #FFFFFF;

  border: 1px solid #E5E5E5;

  box-sizing: border-box;

  margin-top: 28px;

  float: left;

}

.container .news-wrap .content .list-wrap .news:nth-child(2n+2) {

  float: right;

}

.container .news-wrap .content .list-wrap .news:hover {

  border: 1px solid #279C55;

}

.container .news-wrap .content .list-wrap .news:hover .text-wrap .title {

  color: #3FA668;

}

.container .news-wrap .content .list-wrap .news:hover .time-wrap {

  background-color: #3FA668;

}

.container .news-wrap .content .list-wrap .news:hover .time-wrap .time {

  color: #fff;

}

.container .news-wrap .content .list-wrap .news:hover .time-wrap .time i {

  color: #fff;

}

.container .news-wrap .content .list-wrap .news:hover .time-wrap .icon {

  background: url(../images/plus_icon_active.png) center center no-repeat;

}

.container .news-wrap .content .list-wrap .news .text-wrap {

  width: 482px;

  height: 100%;

  box-sizing: border-box;

  padding: 22px 43px 17px 20px;

  float: left;

}

.container .news-wrap .content .list-wrap .news .text-wrap .title {

  font-size: 18px;

  color: #1E1E1E;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  line-clamp: 1;

  -webkit-box-orient: vertical;

}

.container .news-wrap .content .list-wrap .news .text-wrap .text {

  font-size: 13px;

  color: #666666;

  line-height: 24px;

  margin-top: 10px;

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}

.container .news-wrap .content .list-wrap .news .time-wrap {

  width: 92px;

  height: 116px;

  background-color: #F4F4F4;

  text-align: center;

  padding-top: 22px;

  box-sizing: border-box;

  float: right;

}

.container .news-wrap .content .list-wrap .news .time-wrap .time {

  font-size: 28px;

  line-height: 30px;

  color: #999999;

}

.container .news-wrap .content .list-wrap .news .time-wrap .time i {

  color: #279C55;

  font-style: normal;

}

.container .news-wrap .content .list-wrap .news .time-wrap .icon {

  width: 32px;

  height: 32px;

  display: inline-block;

  background: url(../images/plus_icon.png) center center no-repeat;

  margin-top: 10px;

}



.footer .content {

  width: 1200px;

  margin: 0 auto;

  box-sizing: border-box;

  position: relative;

}

.footer .info-wrap {

  min-height: 210px;

  background-color: #242424;

}

.footer .info-wrap .content .left-wrap {

  width: 640px;

  color: #B8B8B8;

  font-size: 14px;

  float: left;

  margin-top: 42px;

}

.footer .info-wrap .content .left-wrap .title-wrap {

  padding-bottom: 23px;

  width: 640px;

  border-bottom: 1px solid #6c6c6c;

}

.footer .info-wrap .content .left-wrap .title-wrap .zh {

  font-size: 28px;

  color: #FFFFFF;

}

.footer .info-wrap .content .left-wrap .title-wrap .en {

  font-size: 20px;

  color: #999999;

  margin-left: 21px;

  text-transform: uppercase;

}

.footer .info-wrap .content .left-wrap .label {

  font-style: 14px;

  color: #B8B8B8;

}

.footer .info-wrap .content .left-wrap .icon {

  vertical-align: middle;

  /* margin-right: 10px; */

}

.footer .info-wrap .content .left-wrap .block {

  margin-top: 23px;

}

.footer .info-wrap .content .left-wrap .block .call {

  padding-left: 4px;

}

.footer .info-wrap .content .left-wrap .block .call .icon {

  /* margin-right: 13px; */

}

.footer .info-wrap .content .left-wrap .block .call .number {

  font-size: 18px;

  color: #FFDE00;

  font-weight: bold;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap {

  margin-top: 15px;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .email {

  width: 280px;

  float: left;

  margin-right: 20px;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .email .value {

	font-size: 14px;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .addr {

  width: 340px;

  float: left;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .addr .label-wrap {

  width: 65px;

  float: left;

  line-height: 20px;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .addr .label-wrap .icon {

  vertical-align: top;

}

.footer .info-wrap .content .left-wrap .block .email-addr-wrap .addr .value {

  width: 275px;

  float: left;

  line-height: 20px;

}

.footer .info-wrap .content .middle-wrap {

  width: 330px;

  line-height: 48px;

  float: left;

  margin: 73px 0 0 80px;

}

.footer .info-wrap .content .middle-wrap a {

  font-size: 16px;

  color: #DADADA;

  float: left;

  margin-right: 15px;

}

.footer .info-wrap .content .middle-wrap a:nth-child(3n+3) {

  margin-right: 15px;

}

.footer .info-wrap .content .middle-wrap a:hover {

  color: #FFDE00;

}

.footer .info-wrap .content .right-wrap {

  background-color: #FFFFFF;

  text-align: center;

  float: right;

  padding: 10px 10px 0 10px;

  margin-top: 34px;

}

.footer .info-wrap .content .right-wrap .qrcode {

  width: 103px;

  height: 103px;

}

.footer .info-wrap .content .right-wrap .text {

  font-size: 12px;

  color: #333333;

  line-height: 30px;

}

.footer .copyright {

  padding: 15px 0;

  background-color: #343434;

}

.footer .copyright .content {

  text-align: center;

  font-size: 14px;

  color: #727272;

}

.footer .copyright .content a {

  font-size: 14px;

  color: #727272;

}